body{
    /* background-image: url("../images/6.jpg"); */
    background: url('https://cdn.pixabay.com/photo/2018/08/14/13/23/ocean-3605547_1280.jpg') no-repeat;
    background-repeat: no-repeat;
    background-size: 1600px 750px;

}
input {
    border: radius 5px;
}
.box {
    height: 420px;
    width: 700px;
    border: 2px solid wheat;
    padding-left: 10px;
   
  margin-top: 105px;
  margin-left: 590px;
  background-color: #00000060;

}
.form {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
 color: rgb(2, 150, 208);
/* margin-left: 10px; */
}
.length {
    width: 220px;
    height: 22px;
}

.short {
    width: 70px;
    height: 25px;
}


img {
    height: 25px;
    width: 20px;
}

.right {
    text-align: right;

}

table tr td input,
select,
textarea {
    margin-left: 20px;
}

#submit {
    margin-left: 10%;
    padding: 3px 10px;
    width: 60px;

    background-color: yellow;
}

#reset,
#cancel {
    background-color: rgba(43, 43, 104, 0.6);
    padding: 3px 5px;
    width: 60px;
}



span {
    font-size: 10px;
    text-align: right;
}





.box2 {
    float: left;
}

#reg {
    font-size: 20px;
    /* color: rgb(160, 160, 4); */
    color: yellow;
}

#useR {
    font-size: 20px;
    /* color: gray; */
    color:whitesmoke;
}

#reset,
#cancel {
    background-color: rgb(76, 172, 210);
    padding: 3px 5px;
    width: 60px;
}

table tr span {
    color: red;
    font-size: 14px;
}
#login {
    font-size: 12px;
    text-align: right;

}
#login a{
    color: yellow;
}